<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>班列官网</title>
    <link rel="stylesheet" href="./css/banliehome.css">
</head>

<body>
    <div class="title">
        <div class="icon-img">
            <div class="icon-text"></div>
        </div>
        <ul class="bar">
            <li>
                <span>首页</span>
                <ul class="option">
                    <li>中欧班列</li>
                    <li>国际运输</li>
                    <li>海外仓配</li>
                    <li>增值服务</li>
                </ul>
            </li>
            <li>
                <span>产品服务</span>
                <ul class="option">
                    <li>中欧班列</li>
                    <li>国际运输</li>
                    <li>海外仓配</li>
                    <li>增值服务</li>
                </ul>
            </li>
            <li>
                <span>跨境电商</span>
                <ul class="option">
                    <li>中欧班列</li>
                    <li>国际运输</li>
                    <li>海外仓配</li>
                    <li>增值服务</li>
                </ul>
            </li>
            <li>
                <span>成功案例</span>
                <ul class="option">
                    <li>中欧班列</li>
                    <li>国际运输</li>
                    <li>海外仓配</li>
                    <li>增值服务</li>
                </ul>
            <li>
                <span>关于我们</span>
                <ul class="option">
                    <li>中欧班列</li>
                    <li>国际运输</li>
                    <li>海外仓配</li>
                    <li>增值服务</li>
                </ul>
            </li>
        </ul>
        <div class="lang">
            <div class="hn"></div>
            <div class="en"></div>
            <div class="cn"></div>
        </div>
    </div>
    <div class="banner">
    </div>
    <div class="kernal">
        <h1>产品与服务</h1>
        <div>
            <h3>海外仓储</h3>
            <p>China Rail Express</p>
            <div class="mask">
                <h5>国外有人，一切方便</h5>
                <ul>
                    <li>不仅仅只是一个海外仓</li>
                    <li>因为拥有才便利</li>
                    <li>定制化服务省心省力</li>
                </ul>
                <input type="button" value="查看更多">
            </div>
        </div>
        <div>
            <h3>中欧班列</h3>
            <p>China Rail Express</p>
            <div class="mask">
                <h5>国外有人，一切方便</h5>
                <ul>
                    <li>不仅仅只是一个海外仓</li>
                    <li>因为拥有才便利</li>
                    <li>定制化服务省心省力</li>
                </ul>
                <input type="button" value="查看更多">
            </div>
        </div>
        <div>
            <h3>跨境电商</h3>
            <p>China Rail Express</p>
            <div class="mask">
                <h5>国外有人，一切方便</h5>
                <ul>
                    <li>不仅仅只是一个海外仓</li>
                    <li>因为拥有才便利</li>
                    <li>定制化服务省心省力</li>
                </ul>
                <input type="button" value="查看更多">
            </div>
        </div>
    </div>
    <div class="content">
        <h2>成功案例</h2>
        <div class="banner2">
            <div style="background-image:  url(./images/酒类.png);">酒类产品</div>
            <div style="background-image:  url(./images/车.png);">车类产品</div>
            <div style="background-image:  url(./images/手机.png);">电子产品</div>
            <div>LCL<h3>拼箱装柜</h3>
            </div>
        </div>
        <div class="banner3">
            <div>
                <div class="wrapper">
                    <h3>因为实力敢于承诺 因为口碑立足十年</h3>
                    <h5>Because the focus so professional</h5>
                    <p>我们的目标是大力支持中欧之间的国际贸易“新丝绸之路”。<br>
                        我们的目标是通过“新丝绸之路”，大力支持中欧国际贸易。<br>
                        我们已经成为许多公司在铁路运输方面的可持续和创新伙伴，<br>
                        与我们在中国的团队和附属公司有着紧密的联系。</p>
                    <input type="button" value="查看更多">
                </div>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="wrapper">
            <h3>合作企业</h3>
            <h5>Enterprise partner</h5>
            <div>
                <img src="./images/303.png" alt="">
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="wrapper">
            <ul>
                <li>
                    <h5>Adres</h5>
                    <p><img src="./images/地址.png" alt="">Provincienbaan 7,5121DK</p>
                    <p>The Netherlands</p>
                </li>
                <li>
                    <h5>Telefoon</h5>
                    <p><img src="./images/电话a.png" alt="">+31(0)161-241168</p>
                </li>
                <li>
                    <h5>E-mail</h5>
                    <p><img src="./images/邮件.png" alt=""> info@jonatransport.com</p>
                </li>
            </ul>
            <div>
                <img src="./images/jona.jpg" alt="">
                <p>www.jonatransport.com</p>
            </div>
        </div>
    </div>
</body>

</html>